import React, { Component } from 'react'
import Delivery from './delivery'
import Payment from './payment'
import Site from './site'
import Bid from './bid'
import {
  Card,
  Button,
  Tabs
} from 'antd'
const { TabPane } = Tabs;



export default class Settings extends Component {
  handleTabsChange = (key) => {
    console.log(key)
  }

  render() {
    return (
      <div>
        <Card
          title="系统设置" 
          bordered={false}
          extra={<Button >取消</Button>} 
          bodyStyle={{ padding: '0 10px' }}
        >
          <Tabs defaultActiveKey="1" onChange={this.handleTabsChange}>
            <TabPane tab="商城设置" key="1">
              <Site />
            </TabPane>
            <TabPane tab="配送设置" key="2">
              <Delivery />
            </TabPane>
            <TabPane tab="支付设置" key="3">
              <Payment />
            </TabPane>
            <TabPane tab="客服设置" key="4">
              客服信息
            </TabPane>
            <TabPane tab="发票设置" key="5">
              发票信息
            </TabPane>
            <TabPane tab="通知设置" key="6">
              通知信息
            </TabPane>
            <TabPane tab="招标流程" key="7">
              <Bid />
            </TabPane>
          </Tabs>
        </Card>
      </div>
    )
  }
}
